<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>抖音多账号管理系统操作手册 v2.5</title>
    <style>
        body {
            font-family: "Microsoft YaHei", sans-serif;
            line-height: 1.8;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        .nav-box {
            position: fixed;
            right: 20px;
            top: 20px;
            background: #f5f5f5;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        h1, h2, h3 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: #3498db;
            color: white;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        a {
            color: #2980b9;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        .download-btn {
            display: inline-block;
            padding: 10px 20px;
            background: #27ae60;
            color: white;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="nav-box">
        <button class="download-btn" onclick="downloadManual()">📥 下载手册</button>
        <h3>快速导航</h3>
        <ul>
            <li><a href="#overview">系统概述</a></li>
            <li><a href="#install">安装指南</a></li>
            <li><a href="#quickstart">快速入门</a></li>
            <li><a href="#features">功能详解</a></li>
            <li><a href="#troubleshoot">故障排查</a></li>
        </ul>
    </div>

    <h1 id="top">抖音多账号管理系统操作手册 <small>v2.5</small></h1>
    <p><em>最后更新：2025年3月20日</em></p>

    <!-- 手册内容部分（根据之前内容结构化填充） -->
    <h2 id="overview">一、系统概述</h2>
    <h3>1.1 核心功能</h3>
    <ul>
        <li>多平台账号管理（抖音/抖音火山版/TikTok）</li>
        <li>智能内容排期与发布</li>
        <li>跨账号数据分析看板</li>
    </ul>

    <h2 id="install">二、安装指南</h2>
    <h3>2.1 系统要求</h3>
    <table>
        <tr><th>组件</th><th>最低配置</th><th>推荐配置</th></tr>
        <tr><td>操作系统</td><td>Windows 11 21H2</td><td>Windows 12 24H2</td></tr>
        <tr><td>内存</td><td>8GB</td><td>16GB</td></tr>
    </table>

    <h2 id="quickstart">三、快速入门</h2>
    <h3>3.1 初始配置</h3>
    <p>首次启动请完成以下步骤：</p>
    <ol>
        <li>选择数据中心位置</li>
        <li>配置管理员账户</li>
        <li>设置自动备份策略</li>
    </ol>

    <!-- 更多内容... -->

    <script>
        // 下载功能实现
        function downloadManual() {
            const content = document.documentElement.outerHTML;
            const blob = new Blob([content], {type: 'text/html'});
            const url = URL.createObjectURL(blob);
            
            const a = document.createElement('a');
            a.href = url;
            a.download = 'Douyin_Manager_Manual_2025.html';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url);
        }

        // 打印优化
        window.onbeforeprint = () => {
            document.querySelector('.nav-box').style.display = 'none';
        }
        window.onafterprint = () => {
            document.querySelector('.nav-box').style.display = 'block';
        }
    </script>
</body>
</html>